<extend name="template/base_index" />

<block name="area_header">
    <link type="text/css" rel="stylesheet" href="__CDN__/select2/4.0.0/css/select2.min.css" />
    <script type="text/javascript" src="__CDN__/select2/4.0.0/js/select2.full.js"></script>
    <script type="text/javascript" src="__CDN__/select2/4.0.0/js/i18n/zh-CN.js"></script>
</block>

<block name="area_body">
    {:W('Menus/topbar')}
    <div class="admin-main container-fluid">
        {:W('Menus/left')}
        <div class="admin-main-content">
            {:W('Menus/breadcrumb')}
            <blockquote><p class="text-primary">{$fname}</p></blockquote>

            <!-- 过滤\查询按钮 用户选择-->
            <div class="filter-controls pull-left">
                <form action="" class="addToGroupForm" method="post">
                    <input type="hidden" name="fid" value="{$fid}" />
                    <!--<input  id="user_select2"  type="text" style="width:220px;padding: 10px 15px;" name="uid" class="form-control" />-->

                    <select style="width:220px;padding: 10px 15px;font-size: 15px;line-height: 1.42857143;" id="user_select2" name="uid" class="form-control">
                        <option></option>
                    </select>
                    <a id="addtogroup" target-form="addToGroupForm" class="ajax-post btn btn-sm btn-primary" href="{:U('Admin/BbsForum/addAdmin')}">添加为版主</a>
                </form>
            </div>

            <table class="table table-striped table table-hover  table-condensed">
                <thead>
                <tr>
                    <th>
                        <input type="checkbox" class="selectall" onclick="myUtils.selectall(this,'.selectitem');" />UID
                    </th>
                    <th>
                        用户名
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody>
                <empty name="list">
                    <tr>
                        <td colspan="5" class="text-center">{:L('NO_DATA')}</td>
                    </tr>
                    <else/>
                    <volist name="list" id="vo">
                        <div class="subform_{$vo.uid}">
                            <input type="hidden" name="uid" value="{$vo.uid}"/>
                            <input type="hidden" name="fid" value="{$vo.fid}"/>
                        </div>
                        <tr>
                            <td>
                                <input type="checkbox" value="{$vo.id}" name="ids[]" class="selectitem" />{$vo.uid}
                            </td>
                            <td>
                                <a href="{:U('Admin/CustomerInfo/index',array('id'=>$vo['uid']))}">{$vo.username}</td>
                            </td>
                            <td>
                                <a href="{:U('Admin/BbsForum/delAdmin')}" target-form="subform_{$vo.uid}" class="btn btn-sm btn-primary ajax-post">解除授权</a>
                            </td>
                        </tr>

                    </volist>
                </empty>
                </tbody>
            </table>
            <div>{$show}</div>
        </div>
        <!-- END admin-main-content -->
    </div>
    <!-- END admin-main-->
</block>

<block name="area_footer">
    <script type="text/javascript">

        $(function(){
            $("#groups").change(function(){
                $(".groupForm").submit();
            });
            $("#user_select2").select2({
                placeholder: "输入用户uid或昵称查询"
                ,
                language: "zh-CN",
                ajax: {
                    url: "{:U('Member/select')}",
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        var queryParameters = {
                            q: params.term
                        }

                        return queryParameters;

                    },
                    processResults: function (data, page) {
                        if(!data.info){
                            data.info = new Array();
                            data.info['nodata']="无相关数据";
                        }
                        // parse the results into the format expected by Select2.
                        // since we are using custom formatting functions we do not need to
                        // alter the remote JSON data
                        return {
                            results: data.info
                        };
                    },
                    cache: true
                },
                minimumInputLength: 0,
                templateSelection: function (repo) {
                    return repo.nickname || repo.text;
                },
                templateResult: function (repo) {

                    if (repo.loading) return repo.text;
                    if(repo.nodata) return repo.nodata;
//    				var markup = '<div>'+repo.nickname+'</div>';
                    var markup = '<div><img src="'+repo.head+'" style="width:30px;height:30px;"/>[id:'+repo.id+'] '+repo.nickname+'</div>';
                    return $(markup);
                },
            });


        })
    </script>
</block>
